// 路由守卫
import router from '@/router'
import store from './store'

router.beforeEach(async(to, from, next) => {
// 第一种写法
  if (store.getters.token) {
    // 以登录
    if (to.path === '/login') {
      next('/')
    } else {
    // 没有值才发生请求
      if (!store.getters.username) {
        await store.dispatch('user/getUserInfo')
        const routes = await store.dispatch('permission/filterRouter', store.state.user.userInfo.roles.menus)
        // 可以通过router.addRoutes 方法来后续追加路由配置
        //  解决404
        router.addRoutes([...routes, { path: '*', redirect: '/404', hidden: true }])
        // 解决空白页面刷新问题
        next(to.path)
      } else {
        next()
      }
    }
  } else {
    // 未登录
    const whiteList = ['/login', '/404']
    if (whiteList.indexOf(to.path) > -1) {
      // 在白名单放行
      next()
    } else {
      // 否则跳到登录页
      next('/login')
    }
  }
//   第二种写法
//   const token = store.getters.token
//   const url = to.path
//   const whiteList = ['/login', '/404']
//   //   1.有登录去登录页=》跳转到首页
//   if (token && url === '/login') {
//     next('/')
//   }
//   //   2.有登录去其他页=》放行
//   if (token && url !== '/login') {
//     next()
//   }
//   // 3.未登录在白名单  =>放行
//   if (!token && whiteList.indexOf(url) > -1) {
//     next()
//   }
//   // 3.未登录不在白名单  =>放行
//   if (!token && whiteList.indexOf(url) === -1) {
//     next('/login')
//   }
})
